<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>

	<meta name="renderer" content="webkit"/> 
	<meta http-equiv="X-UA-Compatible" content="IE=edge"> 

	<!-- <link rel="stylesheet" type="text/css" href="css/swiper3.06.min.css"> -->
	<!-- <link rel="stylesheet" type="text/css" href="css/animate.min.css"> -->
	<link rel="stylesheet" type="text/css" href="css/style.css">

	<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
	<!-- <script type="text/javascript" src="js/swiper.min.js"></script> -->
	<!-- <script type="text/javascript" src="js/swiper.animate1.0.2.min.js"></script> -->
	
	<script type="text/javascript" src="js/countUp.js"></script>
	<script type="text/javascript" src="js/jquery.waypoints.min.js"></script>


	<link rel="stylesheet" href="css/idangerous.swiper.css">
	<script src="js/idangerous.swiper.min.js"></script>


</head>
<body>

	<!-- <div id="advertisementWindow">
		<div class="conImg">
			<div class="cood"><i class="iconfont">&#xe614;</i></div>
			<a href="#"><img src="images/ku/img_27.jpg"></a>
		</div>
	</div> -->
	<!-- <div class="videoCon" id="videoCon" style="display: block;">
		<div class="Cn">
			<div class="guanbi" id="guanbi"><i class="iconfont">&#xe614;</i></div>

			<embed src="https://imgcache.qq.com/tencentvideo_v1/playerv3/TPout.swf?max_age=86400&v=20161117&vid=f0362fpab3i&auto=1" allowFullScreen="true" quality="high" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
		</div>


	</div> -->


	<div class="InTopBanner"><a href="#"><img src="images/TopBanner/back_01.jpg"></a></div>

	<!-- header -->
	<header id="header">
		<div class="centerCon clearfloat">
			<div class="Logo">
				<a href="#"><img src="images/public/Logo.jpg"></a>
			</div>
			<div class="NavAndSearch clearfloat">
				<nav class="clearfloat">
					<a class="active" href="#">首页</a>
					<a href="#">新闻</a>
					<a href="#">专题</a>
					<a href="#">视频</a>
					<a href="#">发售列表</a>
					<a href="#">Digger</a>

				</nav>
				<form class="Search">
					<input id="SearchInupt" class="" type="text" name="" pattern="Search">
					<button type="button" id="showSearch" class="iconCn"><i class="iconfont">&#xe63c;</i></button>
				</form>
			</div>
		</div>
	</header>
	<!-- header end -->




	<!-- section.Banner -->
	<section class="InBanner">
		<div class="swiper-container" id="InBannerSwiper">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><a href="#"><img src="images/Banner/Banner_01.jpg"></a></div>
				<div class="swiper-slide"><a href="#"><img src="images/Banner/Banner_01.jpg"></a></div>
				<div class="swiper-slide"><a href="#"><img src="images/Banner/Banner_01.jpg"></a></div>
				
			</div>
			<!-- 如果需要分页器 -->
			<div class="swiper-pagination InBannerOnePagination"></div>

			<!-- 如果需要导航按钮 -->

			<div class="bocBotl">
				<div class="swiper-button-prev InBannerOnePrev"></div>
				
			</div>
			<div class="bocBotr">
				<div class="swiper-button-next InBannerOneNext"></div>
				
			</div>

			<!-- 如果需要滚动条 -->
			<!-- <div class="swiper-scrollbar"></div> -->
		</div>
	</section>
	<!-- section.Banner end-->




	<!-- section展示 -->
	<section class="exhibition">
		<div class="centerCon">

			<a href="#" class="InWindow clearfloat">
				<div class="text">
					<div class="line"></div>
					<div class="head">怪兽登岸，Reebok Instapump Fury Road“King of the Monsters”</div>
					<div class="time">By Jas  .  5 day ago</div>
					<p>Nike为这双经典鞋款进行重新设计，推出了全新的Zoom Spirimic设计款。以Spiridon的鞋底为基础Spirimic设计款。以Spiridon的鞋底为基础......</p>
				</div>
				<div class="imgC">
					<img src="images/ku/img_01.jpg">
				</div>
			</a>

			<div class="slideSweiper">
				<div class="swiper-container" id="exhibitionSwiper">
					<div class="swiper-wrapper">
						<div class="swiper-slide clearfloat">
							<a href="#" class="wordin"><img src="images/ku/img_02.jpg"><div class="pcn"><p>Under Armour 2016 ARMOUR ROADSHOW全国总决赛落幕</p></div></a>
						</div>

						<div class="swiper-slide clearfloat">
							<a href="#" class="wordin"><img src="images/ku/img_02.jpg"><div class="pcn"><p>Under Armour 2016 ARMOUR ROADSHOW全国总决赛落幕</p></div></a>
						</div>

						<div class="swiper-slide clearfloat">
							<a href="#" class="wordin"><img src="images/ku/img_02.jpg"><div class="pcn"><p>Under Armour 2016 ARMOUR ROADSHOW全国总决赛落幕</p></div></a>
						</div>

						<div class="swiper-slide clearfloat">
							<a href="#" class="wordin"><img src="images/ku/img_02.jpg"><div class="pcn"><p>Under Armour 2016 ARMOUR ROADSHOW全国总决赛落幕</p></div></a>
						</div>

						<div class="swiper-slide clearfloat">
							<a href="#" class="wordin"><img src="images/ku/img_02.jpg"><div class="pcn"><p>Under Armour 2016 ARMOUR ROADSHOW全国总决赛落幕</p></div></a>
						</div>


					</div>
					<!-- 如果需要分页器 -->
					<!-- <div class="swiper-pagination exhibitionPagination"></div> -->

					<!-- 如果需要导航按钮 -->


					<!-- 如果需要滚动条 -->
					<!-- <div class="swiper-scrollbar"></div> -->
				</div>
				<div class="swiper-button-prev exhibitionPrev"></div>
				<div class="swiper-button-next exhibitionNext"></div>
			</div>

			<div class="IndMore">
				<a href="more">more</a>
			</div>

		</div>
	</section>
	<!-- section展示 -->



	<!-- section精选视频 -->
	<section class="InVideo">
		<div class="centerCon">
			<div class="InHeader"><span>精选视频</span></div>

			<div class="VideoCn" id="VideoCn">
				<div class="left" data-url="http://player.youku.com/player.php/sid/XMjAyNjExMTgxMg==/v.swf"><a href="javascript:void(0);"><img src="images/ku/img_03.jpg"><div class="zid"></div></a></div>
				<div class="center" data-url="http://player.youku.com/player.php/sid/XMTg5Nzk0MTYzMg==/v.swf"><a class="active" href="javascript:void(0);"><img src="images/ku/img_03.jpg"><div class="zid"></div></a></div>
				<div class="right" data-url="http://player.youku.com/player.php/sid/XMTg5Nzk0MTYzMg==/v.swf"><a href="javascript:void(0);"><img src="images/ku/img_03.jpg"><div class="zid"></div></a></div>
			</div>





			<div class="IndMore">
				<a href="more">more</a>
			</div>
		</div>
		
	</section>
	<!-- section精选视频 end -->



	<!-- section广告 -->
	<section class="advertisement">
		<a href="#"><img class="imgban" src="images/ku/img_04.jpg"></a>
		<div class="com">
			<div class="Digger"></div>
			<div class="headOne">2016 Autumn</div>
			<div class="text">描绘不同反响的Stephen Curry</div>
		</div>
	</section>

	<!-- section广告 -->



	<!-- section拆解评测 -->
	<section class="dismantle">
		<div class="centerCon">
			<div class="InHeader"><span>拆解评测</span></div>
			<ul class="list clearfloat">
				<li>
					<a href="#">
						<div class="imgC"><img src="images/ku/img_05.jpg"></div>
						<div class="word">
							<p>French Monttana's Previously Cancelled MC4 Mixtape Out Now</p>
							<div class="ti"><i class="iconfont">&#xe65e;</i> 13  hours ago<i class="iconfont"></i> 0 Comments</div>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="imgC"><img src="images/ku/img_05.jpg"></div>
						<div class="word">
							<p>French Monttana's Previously Cancelled MC4 Mixtape Out Now</p>
							<div class="ti"><i class="iconfont">&#xe65e;</i> 13  hours ago<i class="iconfont"></i> 0 Comments</div>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="imgC"><img src="images/ku/img_05.jpg"></div>
						<div class="word">
							<p>French Monttana's Previously Cancelled MC4 Mixtape Out Now</p>
							<div class="ti"><i class="iconfont">&#xe65e;</i> 13  hours ago<i class="iconfont"></i> 0 Comments</div>
						</div>
					</a>
				</li>

			</ul>
			<div class="IndMore">
				<a href="more">more</a>
			</div>
		</div>
	</section>

	<!-- section拆解评测 end -->






	<!-- footer -->
	<footer id="footer">
		<div class="centerCon">
			<div class="imgC"><img src="images/public/Logo_02.jpg"></div>
			<div class="link">
				<a href="#">关于我们</a>
				<a href="#">联系方式</a>
				<a href="#">隐私政策</a>
				<a href="#">广告业务</a>
				<a href="#">招聘信息</a>
			</div>

			<p>2016LONG7.COM ALL RIGHTS RESERVED / POWERED BY LONG7 PROFESSIONAL SNEAKER MEDIA 沪ICP备15526666号</p>
		</div>
	</footer>
	<!-- footer end -->






















	<script type="text/javascript" src="js/public.js"></script>

	<script type="text/javascript" src="js/index.js"></script>



	<script type="text/javascript">
		
		$(function() {
			// body...

			$('#guanbi').click(function(){
				console.log('Pause')
				$('#videoCon').hide();
			})


		})
	</script>

	
</body>
</html>